<template>
  <div class="home">
    <CodeEditor :value="codeValue" :handle-change="onCodeChange" />
    <!--    <MDEditor :value="value" :handle-change="onChange" />-->
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
// import MDEditor from "@/components/MDEditor.vue";
import CodeEditor from "@/components/CodeEditor.vue"; // @ is an alias to /src

// const value = ref();
const codeValue = ref();
// const onChange = (v: string) => {
//   value.value = v;
// };

const onCodeChange = (v: string) => {
  codeValue.value = v;
};
</script>
